<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<style type="text/css">

/**选课推荐系统*/
.siderbar {
	padding: 0px;
	margin: 0px;
	background-color: #eff;
}
/*头部名称*/
.sider_head {
	position:relative;
	padding-left:10px;
	padding-top:20px;
	height: 100px;
}

.logo {
	text-decoration: none;
}

.sider_nav {
	position:relative;
	padding-left:10px;
	padding-top:20px;
	height: 400px;
}

.sider_nav div{
	padding-bottom: 80px;
}
a{
	text-decoration: none;
}
.nav_txt,.icon{
	padding-left: 30px;
	position: relative;
	top: 40px;
	color:#555;
	font-size: 20px;
	font-weight: bold;
}
.icon-nav{
	position: relative;
	left: -10px;
	width:244px;
}
.icon-nav:hover{
	background-color: #ddd;
}
.share-box {
	position:relative;
	padding-left:10px;
	padding-top:125px;
	height: 80px;
}
#img-wx{
	position: relative;
	top: -130px;
	background: url(//PythonAndJSP/imgs/home.png);
}
/*图标*/
#wxico{
	background: url("//PythonAndJSP/../imgs/home.jpg") no-repeat;
}

</style>

<script type="text/javascript">
//<!--
	function show(){
		var id=document.getElementById("img-wx");
		id.style.display="block";
	}
	function hide(){
		var id=document.getElementById("img-wx");
		id.style.display="none";
	}
//-->
</script>

	<div class="siderbar" style="width:244px;">
    	<div class="sider_head">
    		<a href="#" title="选课推荐系统" class="logo">选课推荐系统</a>
    	</div>
        <div class="sider_nav" id="sider_nav">
        	<div class="icon-nav">
        	<a href="/PythonAndJSP/web/content/content.jsp" class="nav1" title="home">
            	<span class="icon icon1"></span>
                <span class="nav_txt">首页</span>
            </a></div>
            <div class="icon-nav">
            <a href="/PythonAndJSP/web/content/contentPc.jsp" class="nav1" title="home">
            	<span class="icon icon2"></span>
                <span class="nav_txt">PC版</span>
            </a></div>
            <div class="icon-nav">
            <a href="#" class="nav1" title="home">
            	<span class="icon icon3"></span>
                <span class="nav_txt">Android版</span>
            </a></div>
            <div class="icon-nav">
            <a href="#" class="nav1" title="home">
            	<span class="icon icon4"></span>
                <span class="nav_txt">IOS版</span>
            </a>
            </div>
        </div>
        <div class="share-box">
        	<a href="#" title="扫一扫加官方微信"  class="icon-share" onmouseover="show(this)" onmouseout="hide(this)">关注微信
        		<span id="wxico"></span>
            	<img src="#" alt="扫一扫加官方微信" width="100" height="100" class="img-wx" id="img-wx" style="display:none;"/>
            </a>
            <a href="#" title="官方微博" id="wbico" class="icon-share" target="_blank">关注微博</a>
            <a href="#" title="关注百度" id="bdico" class="icon-share" target="_blank">关注百度</a>
        </div>
    </div>
